<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/category.css">
    <title>Document</title>
</head>
<body>
    <header>
        <div class="header-top">
            <div class="logo"></div>
            <div class="uplode"></div>
        </div>
        <div class="header-bottom">
            <div class="header-bottom-left"><input type="text" placeholder="请输入你想比价的商品"></div>
            <a href="javascript:;" class="search">搜索</a>
        </div>
    </header>
    <div class="view">
        <div class="commodity">
            <ul>
                <!-- getCommodityTitle占坑 -->
            </ul>
        </div>
    </div>
    <footer>
        <div class="direct">
            <a href="javascript:;" class="search">登录</a>
            <a href="javascript:;" class="search">注册</a>
            <a href="#" class="backTop"><span></span>返回顶部</a>
        </div>
        <div class="copyright">
            <p><a href="javascript:;">手机APP下载</a> 慢慢买手机版 -- <span>掌上比价平台</span></p>
            <a href="javascript:;">m.manmanbuy.com</a>
        </div>
    </footer>
</body>
<script src="./js/src/zepto.js"></script>
<script src="./js/src/event.js"></script>
<script src="./js/src/touch.js"></script>
<script src="./js/src/fx.js"></script>
<script src="./js/src/fx_methods.js"></script>
<script src="./js/src/ajax.js"></script>
<script src="./js/getCommodityTitle.js"></script>

<!-- 模板 -->
<script src="./assets/art-template/template-web.js"></script>

<script type="text/template" id="categoryTitle">
    {{each data val}}
    <li>
        <div class="commodity-title">
            <a href="javascript:;">{{val.title}}</a>
            <input type="hidden" name="" value="{{val.titleId}}">
        </div>
        <div class="commodity-content">
            <ul>
                <!-- category占坑 -->
            </ul>
        </div>
    </li>
    {{/each}}
</script>

<script type="text/template" id="category">
    {{each categoryLi value}}
        <li><a href="category-list.html?categoryId={{value.categoryId}}">{{value.category}}</a></li>
    {{/each}}
</script>


</html>